<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="../static/jquery-3.4.1.min.js"></script>
    <script src="../static/'bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../static/fontawesome/css/font-awesome.min.css">
</head>
<body>
<br>

<div class="row">
    <div class="col-md-offset-3 col-md-6">
        <h2>面板组件样例</h2>
        <hr>
        <div class="panel panel-default">
            <div class="panel-heading">面板标题</div>
            <div class="panel-body">
                使用bootstrap是不是很简单，</br>
                最简单的方法 ， 复制修改，</br>
                要想学好，要认真看一下官网，</br>
                一分努力，一分收获。
            </div>
        </div>
    </div>

</div>
<div class="row">
    <div class="col-md-offset-3 col-md-6">
        <button class="btn btn-primary"><i class="fa fa-diamond" aria-hidden="true"></i> 钻石按钮</button>
    </div>
</div>
</body>
</html>

